import React,{ memo } from "react";
import {FooterWarper} from "@/components/app-footer/style";

/**
 * @type {React.NamedExoticComponent<object>}
 */
const AppFooter = memo(() => {
    return (
        <FooterWarper>
            <div className="content">
                <div className="line-view">
                </div>
                <div className="list-view">
                    <div className="header-view">
                        <label className="header-view-item">爱彼迎</label>
                        <label className="header-view-item">发现</label>
                        <label className="header-view-item">出租</label>
                        <label className="header-view-item">客服支持</label>
                    </div>
                    <div className="detail-view">
                        <div className="detail-view-item">
                            <label>工作机会</label>
                            <label>爱彼迎新闻</label>
                            <label>政策</label>
                            <label>无障碍设置</label>
                        </div>
                        <div className="detail-view-item">
                            <label>信任与安全</label>
                            <label>旅行基金</label>
                            <label>商务差旅</label>
                            <label>爱彼迎杂志</label>
                            <label>Airbnb.org</label>
                        </div>
                        <div className="detail-view-item">
                            <label>为什么要出租</label>
                            <label>待客之道</label>
                            <label>房东义务</label>
                            <label>开展体验</label>
                            <label>资源中心</label>
                        </div>
                        <div className="detail-view-item">
                            <label>帮助</label>
                            <label>邻里支持</label>
                        </div>
                    </div>
                </div>
                <div className="line-view">
                </div>
                <div className="bottom-yinsi">
                    <label className="bottom-yinsi-content">
                        隐私政策巴巴爸爸巴巴爸爸刷卡交电话费加快速度合法
                    </label>
                </div>
            </div>
        </FooterWarper>
    )
})
export default AppFooter
